<template>
  <div class="find">
    <comRNav title="发现" />
    <ul class="ul-one">
      <li></li>
      <li>时尚风向标</li>
      <li></li>
    </ul>
    <div class="content">
      <ul class="ul-two">
        <li>秋季特卖节</li>
        <li>
          <img src="../assets/FindImg/1.jpg" alt="">
        </li>
        <li>领取大额760元优惠券！优惠升级，更有爆款低至￥79，点击抢购>>></li>
      </ul>
    </div>
    <div class="content">
      <ul class="ul-two">
        <li>秋季鞋靴特卖节</li>
        <li>
          <img src="../assets/FindImg/2.jpg" alt="">
        </li>
        <li>秋冬新品上线ing，抢2件8折！</li>
      </ul>
    </div>
    <div class="content">
      <ul class="ul-two">
        <li>秋季特卖节 运动促销</li>
        <li>
          <img src="../assets/FindImg/3.jpg" alt="">
        </li>
        <li>抢两件折上8折！领券至高再减130元，爆款低至￥79，点击抢购>>></li>
      </ul>
    </div>
  </div>
</template>

<script>
import comRNav from "../components/comRNav";
export default {
  name: "Find",
  components: {
    comRNav
  }
};
</script>

<style scoped>
.ul-one {
  width: 100%;
  height: 42px;
  background-color: #eeeeee;
  position: relative;
}
.ul-one li:nth-of-type(1) {
  width: 43px;
  height: 1px;
  background-color: #cfcfcf;
  position: absolute;
  top: 22px;
  left: 94px;
}
.ul-one li:nth-of-type(2) {
  font-size: 14px;
  color: #2d2d2d;
  font-weight: bold;
  position: absolute;
  top: 15px;
  left: 150px;
}
.ul-one li:nth-of-type(3) {
  width: 43px;
  height: 1px;
  background-color: #cfcfcf;
  position: absolute;
  top: 22px;
  left: 238px;
}
.content {
  width: 100%;
  height: 300px;
  background-color: #eeeeee;
}
.content .ul-two {
  width: 100%;
  height: 285px;
  background-color: #ffffff;
  position: relative;
}
.content .ul-two li:nth-of-type(1) {
  color: #1c1c1c;
  position: absolute;
  top: 15px;
  left: 17px;
}
.content .ul-two li:nth-of-type(2) img {
  width: 341px;
  height: 176px;
  position: absolute;
  top: 45px;
  left: 17px;
}
.content .ul-two li:nth-of-type(3) {
  width: 341px;
  color: #939393;
  font-size: 12px;
  position: absolute;
  top: 236px;
  left: 17px;
}
</style>